<!DOCTYPE html>
<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]>         <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]-->
	<head>
    <meta charset="utf-8">
    <title>Phoenix</title>
    
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="apple-mobile-web-app-capable" content="yes" />    
    <meta name="description" content="">
    <meta name="author" content="">

    <!-- ===================== Touch Icons ===================== -->
    <link rel="shortcut icon" href="<?=url_styles()?>favicon.ico">
    <link rel="apple-touch-icon-precomposed" sizes="144x144" href="<?=url_styles()?>apple-touch-icon-144-precomposed.png">
    <link rel="apple-touch-icon-precomposed" sizes="114x114" href="<?=url_styles()?>apple-touch-icon-114-precomposed.png">
    <link rel="apple-touch-icon-precomposed" sizes="72x72" href="<?=url_styles()?>apple-touch-icon-72-precomposed.png">
    <link rel="apple-touch-icon-precomposed" href="<?=url_styles()?>apple-touch-icon-57-precomposed.png">

    <!-- ===================== CSS ===================== -->    
    <link href='fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>  
    <link rel="stylesheet" href="<?=url_styles()?>css/bootstrap/bootstrap.min.css">
    <link rel="stylesheet" href="<?=url_styles()?>css/bootstrap/bootstrap-responsive.min.css">    

    <!-- Site specific - CSS --> 
    <?php view_load($temp . '_css');?>
    
    <!-- Common - CSS -->     
    <link rel="stylesheet" href="<?=url_styles()?>css/theme_light/common.css">  
    <link rel="stylesheet" href="<?=url_styles()?>css/theme_light.css" class="style_set">
    
    <!--[if lt IE 9]>
      <script src="html5shim.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->
    <script src="<?=$url_styles?>js/libs/jquery-1.7.2.min.js"></script>  
    <script>
        var style_url = '<?=url_styles()?>';
    </script>
  </head>
  <body>
    <div id="loader_cont"><img src="<?=url_styles()?>img/loaders/page_loader.gif"></div> 
    <?php view_load('admin/widget/option_panel');?>
	<?php view_load('admin/login/nav');?>
	<?php view_load('admin/login/container');?>
    <!-- ===================== CHAT - Modal ===================== -->
    <div id="chat_modal" class="chat_modal modal fade hide">
      <div class="modal-header">
        <ul>
          <li class="toggle_users"><a href="#">Show Users</a></li>
          <li class="status">
            <a class="online" href="#"><span>Status</span></a>  
            <ul>
               <li><a class="online" href="#" title="Online"><span>Online</span></a></li>
               <li><a class="away" href="#" title="Away"><span>Away</span></a></li>
               <li><a class="busy" href="#" title="Busy"><span>Busy</span></a></li>
               <li><a class="invisiblee" href="#" title="Invisible"><span>Invisible</span></a></li>
               <li><a class="offline" href="#" title="Offline"><span>Offline</span></a></li>
             </ul> 
          </li>
          <li class="chat_name">John Doe</li>
        </ul>       
        <button type="button" class="close" data-dismiss="modal">x</button>        
      </div>
      <div class="modal-body">
        <div class="msg_cont left">
          <img src="<?=url_styles()?>img/general/user_1.jpg" width="50" height="50" alt="User">
          <ul>
            <li>
              <h3>John Doe:</h3> 
              <span>16 minutes ago</span>
            </li>
            <li>Aliquam iaculis volutpat ipsum ullamcorper tempus. In in dui tortor. Mauris sed volutpat
metus. Duis ut sapien sapien, id pellentesque orci. Nullam nisl metus, sodales ut laoreet 
eget, pretium porttitor quam. Sed varius vulputate lacinia. </li>
          </ul>    
        </div>
        <div class="msg_cont right">
          <img src="<?=url_styles()?>img/general/user_2.jpg" width="50" height="50" alt="User">
          <ul>
            <li>
              <h3>Jessie Doe:</h3> 
              <span>16 minutes ago</span>
            </li>
            <li>Aliquam iaculis volutpat ipsum ullamcorper tempus. In in dui tortor. Mauris sed volutpat
metus. Duis ut sapien sapien, id pellentesque orci. Nullam nisl metus, sodales ut laoreet 
eget, pretium porttitor quam. Sed varius vulputate lacinia. </li>
          </ul>    
        </div>
        <div class="msg_cont left">
          <img src="<?=url_styles()?>img/general/user_1.jpg" width="50" height="50" alt="User">
          <ul>
            <li>
              <h3>John Doe:</h3> 
              <span>16 minutes ago</span>
            </li>
            <li>Aliquam iaculis volutpat ipsum ullamcorper tempus. In in dui tortor. Mauris sed volutpat
metus. Duis ut sapien sapien, id pellentesque orci. Nullam nisl metus, sodales ut laoreet 
eget, pretium porttitor quam. Sed varius vulputate lacinia. </li>
          </ul>    
        </div>        
      </div>
      <div class="modal-footer">        
        <textarea></textarea>
        <a href="#" class="btn btn-inverse">Send</a>
      </div>
    </div>    

    <!-- ===================== JS ===================== -->
      
    <script src="<?=$url_styles?>js/libs/bootstrap.min.js"></script>   
    <script src="<?=$url_styles?>js/libs/ios-orientationchange-fix.js"></script>          
    <script src="<?=$url_styles?>js/libs/jquery-ui-1.8.20.custom.min.js"></script>
    <script src="<?=$url_styles?>js/plugins/widgets/jquery.sparkline.min.js"></script>
    <script src="<?=$url_styles?>js/common.js"></script> 
    
    <!-- Site specific --> 
	<script src="<?= $url_styles ?>js/script.js"></script>
    <?php view_load($temp . '_js');?>
    
  </body>
</html>
